<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<tpl> $NCharset </tpl>" />
<style type="text/css">
<!-- 
.STYLE1 {
	color: #FF6600;
	font-weight: bold;
}
.table_white th {
	font-weight: normal;
}
 -->
</style>
<STYLE type=text/css>
    .pwd-strength {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    width: 180px;
    }
    .pwd-strength-box,
    .pwd-strength-box-low,
    .pwd-strength-box-med,
    .pwd-strength-box-hi
    {
    color: #464646;
    text-align: center;
    width: 33%;
    }
    .pwd-strength-box-low
    {
    color: #FF0000;
	background-color:#FFECEC;
    }
    .pwd-strength-box-med
    {
    color: #fff;
    background-color: #FF7070;
    }
    .pwd-strength-box-hi
    {
	color:#fff;
    background-color: #FF3D3D;
    }
    </STYLE>
<tpl>include file ='../head.config.html'</tpl>
<link href="<tpl> $template_dir </tpl>/member/css/layout.css" rel="stylesheet" type="text/css" />
<script language='javascript'>
// JavaScript Document
$(function(){
	$("#form_pass").validate({
		rules: {
			txtoldpassword: {required:true},
			txtPassword: {required:true,minlength:6,maxlength:16},
			txtrePassword: {required:true,minlength:6,maxlength:16,equalTo:'#txtPassword'}
		},
		messages: {
			txtoldpassword: {required: "<tpl> $errMEnterOldPassword </tpl>"},  //请填写原密码!
			txtPassword: {required: "<tpl> $errMpassword </tpl>",minlength: "<tpl> $errMPassword_MinLength </tpl>",maxlength: "<tpl> $errMPassword_MaxLength </tpl>"}, //请输入密码 密码长度至少是6!  密码长度最长是16位!
			txtrePassword: {required: "<tpl> $errMRePassword_Blank </tpl>",minlength: "<tpl> $errMRePassword_MinLength </tpl>",maxlength: "<tpl> $errMPassword_MaxLength </tpl>",equalTo:"<tpl> $errMRePassword_Wrong </tpl>"}
		}
	});
})
//检测密码安全等级
function checkPassword(pwd){
	
	var sRe=[/[a-zA-Z]/g,/\d/g,/[^a-zA-Z0-9]/g];
    	var sLe=[1,2,5];
    	var sFa=[0,0,10,20];
    	var iKn=0;
    	var iSt=0;
    	for(i=0;i<sRe.length;i++) {
    		var cMa=pwd.match(sRe[i]);
    		if(cMa!=null) {
    			iSt+=cMa.length*sLe[i];
    			iKn++;
    		}
    	}
    	iSt+=sFa[iKn];

		if(iSt == 0){
			$('#pwdLow').removeClass('pwd-strength-box-low');
			$('#pwdMed').removeClass('pwd-strength-box-med');
			$('#pwdHi').removeClass('pwd-strength-box-hi');
		}else if(iSt>20 && iSt<30){
			$('#pwdMed').addClass('pwd-strength-box-med');
		}else if(iSt>30){
			$('#pwdHi').addClass('pwd-strength-box-hi');
		}else{
			$('#pwdLow').addClass('pwd-strength-box-low');
		}
}
</script>

</head><body> <tpl>include file ='../header.html'</tpl>
<div id="container761">

<div class="own_member_main">

 <tpl>include file ='own_menu.html'</tpl>
  <div class="member_right">      <div class="new_main_left">
		<div class="new_main_left1">
	<h1 class="new_text"><tpl> $langMInfoPassword </tpl></h1>
		 <i></i>
	</div>
		  <b></b>
	</div>  <div id="own_main_rightop"><span class="STYLE1"><tpl> $langMHint </tpl>：</span><tpl> $alertEnterPassword </tpl></div>
	<div id="own_main_rightop_line" style="margin-top:-3px;">
	  <b class="b4"></b>
	  <b class="b3"></b>
	  <b class="b2"></b>
	  <b class="b1"></b>
	  </div><tpl>include file ='../InfoSelectorTarget.html'</tpl>
	<tpl> if $passport_client eq '0' </tpl>
    <form action="own_member.php?action=passwordsave" method="post" name="form_pass" id="form_pass">
      <table border="1" cellpadding="0" cellspacing="0" bordercolor="#DEEBEF" bgcolor="#F3F3F3" class="table_white" style="margin-top:10px; border:1px solid #E7E7E7">
        <tr>
          <th width="379" height="35" align="right" bgcolor="#F5F9FA"><tpl> $langMloginname </tpl>:　</th>
          <td height="35" colspan="2" align="left" bgcolor="#FCFEFE">　<strong>
          <tpl> $ses_login_name </tpl></strong></td>
        </tr>
        <tr>
          <th height="30" align="right" bgcolor="#F5F9FA"><tpl> $langMOldPassword </tpl><!-- 现有密码 -->:　</th>
          <td height="30" colspan="2" align="left" bgcolor="#FCFEFE">　
            <input name="txtoldpassword" type="password"  class="new_input" id="txtoldpassword" value="" />
          <label style="display:none" for="txtoldpassword" class="error" metaDone="true" generated="true"></label></td>
        </tr>
        <tr>
          <th height="30" align="right" bgcolor="#F5F9FA"><tpl> $langMNewPassword </tpl><!-- 新的密码 -->:　</th>
          <td height="30" colspan="2" align="left" bgcolor="#FCFEFE">　
            <input name="txtPassword" type="password"  class="new_input"  id="txtPassword" onkeyup='checkPassword(this.value);'/>
		  <label style="display:none" for="txtPassword" class="error" metaDone="true" generated="true"></label></td>
        </tr>
		<tr>
          <th height="30" align="right" bgcolor="#F5F9FA"></th>
          <td width="392" height="30" align="left" bgcolor="#FCFEFE"><TABLE cellSpacing=0 cellPadding=0 width="80%">
				<TBODY>
				<TR>
				<TD width="50" align="center" class=pwd-strength-box id=pwdLow><tpl> $langPasswordLow </tpl></TD>
				<TD width="50"  align="center" class=pwd-strength-box id=pwdMed><tpl> $langPasswordMiddle </tpl></TD>
			<TD width="50"  align="center" class=pwd-strength-box id=pwdHi><tpl> $langPasswordHigh </tpl></TD>
		  </TR></TBODY></TABLE>		  </td>
          <td width="308" align="left" bgcolor="#FCFEFE">&nbsp;</td>
		</tr>
        <tr>
          <th height="30" align="right" bgcolor="#F5F9FA"><tpl> $langMReNewPassword </tpl><!-- 确认新密码 -->:　</th>
          <td height="30" colspan="2" align="left" bgcolor="#FCFEFE">　
            <input name="txtrePassword"  class="new_input"  type="password" id="txtrePassword" value="" />
          <label style="display:none" for="txtrePassword" class="error" metaDone="true" generated="true"></label></td>
        </tr>
        <tr>
          <th height="37" colspan="3" align="center" valign="middle" bgcolor="#FFFFFF">
    <input type="submit" name="Submit" class="new_anniu"  value="<tpl> $langCsave </tpl>" /></th>
        </tr>
        
      </table>
    </form>
     <tpl> /if </tpl>
    <tpl> if $passport_client eq '1' </tpl>
    <table border="1" cellpadding="0" cellspacing="0" bordercolor="#DEEBEF" bgcolor="#F3F3F3" class="table_white" style="margin-top:10px; border:1px solid #E7E7E7">
        <tr>
          <td height="35" bgcolor="#FCFEFE" align="center">
          <tpl> $langPassportServerIsValidatePwd </tpl><a href="<tpl> $passport_url </tpl>" target="_blank"><tpl> $passport_url </tpl></a></td>
        </tr>
     </table>
    <tpl> /if </tpl>
  </div>
  </div>
  <tpl> include file ='../../../html/footer.html' </tpl> </div>
</body>
</html>
